<!--  -->
<template>
<div class='app'>
    <top-tit :tit="'设置'"></top-tit>

    <div class="main">
        <div class="div_item">
            <div class="container">
                用户协议
            </div>
        </div>
        <div class="div_item">
            <div class="container">
            隐私协议
            </div>
        </div>
        <div class="div_item">
            <div class="container">
            关于我们
            </div>
        </div>
    </div>

    <div class="quit_btn">
        <div class="container" @click="quit" v-show="token?true:false">
            不安全退出
        </div>
    </div>
</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import topTit from "@/components/topTit";
import { Toast } from 'vant';
export default {
    name:"setting",
//import引入的组件需要注入到对象中才能使用
components: {
    topTit
},
data() {
//这里存放数据
return {
    token:localStorage.getItem('h5-token')
};
},
//监听属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {},
//方法集合
methods: {
    quit(){
        localStorage.removeItem("h5-token");
        Toast.success("quit")
        
        
        this.$router.push({
            path:'/member'
        })
    },
},
//生命周期 - 创建完成（可以访问当前this实例）
created() {

},
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {

},
beforeCreate() {}, //生命周期 - 创建之前
beforeMount() {}, //生命周期 - 挂载之前
beforeUpdate() {}, //生命周期 - 更新之前
updated() {}, //生命周期 - 更新之后
beforeDestroy() {}, //生命周期 - 销毁之前
destroyed() {}, //生命周期 - 销毁完成
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style  scoped lang="less">
div.app {
    background-color: #f6f6f6;
    height: 100%;
  div.main {
    margin: .3rem 0;
    background-color:#fff;
    .div_item{
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,.03);
        height: 1.06rem;
        div.container {
        width: 6.9rem;
        height: 1.06rem;
        margin: 0 auto;
        text-align: start;
            font-size: 15px;
    color: #333;
    line-height: 1.06rem;
    }
    }
  }

  div.quit_btn {
    width: 100%;
    div.container {
            width: 6.9rem;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    background-color: #3ca7fa;
    font-size: .3rem;

    }
  }
}
</style>